<template>
    <el-dropdown trigger="click">
        <div class="avatar">
            <img src="@/assets/images/avatar.gif" alt="avatar" />
        </div>
    </el-dropdown>
</template>

<script setup lang='ts'>

</script>

<style scoped lang="scss">
.avatar {
    width: 40px;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%;

    /* stylelint-disable-next-line rule-empty-line-before */
    img {
        width: 100%;
        height: 100%;
    }
}
</style>
